<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        body { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0px 20px;}
        /* menu */
        #menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
        #menu a { color:#fff; text-decoration:none; }
        #menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
        #menu > li a:hover {color:#B0D730;}
        #menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
        /* sub-menus*/
        #menu ul { padding:0px; margin:0px; display:block; display:inline;}
		#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
		
		
        #menu li:hover ul { display:block;}
        #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
        #menu li ul li:first-child { border-top: none; }
        #menu li ul li a { display:block; color:#0395CC; }
        #menu li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
        #menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
        .searchContainer div { background-color:#fff; display:inline; padding:5px;}
        .searchContainer input[type="text"] {border:none;}
        .searchContainer img { vertical-align:middle;}
        /* corners*/
        #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #menu .corner_inset_right { position:absolute; top:0px; left:150px;}
        #menu .login_corner_inset_right { position:absolute; top:0px; left:200px;}
		#menu .signin_inset_left { position:absolute; top:0px; left:-10px;}

        #menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
        #menu .corner_left { position:absolute; left:0px; top:0px;}
        #menu .corner_right { position:absolute; left:133px; top:0px;}
        #menu .login_corner_right { position:absolute; left:183px; top:0px;}
        #menu .middle { position:absolute; left:18px; height: 20px; width: 117px; top:0px;}
        #menu .login_middle { position:absolute; left:18px; height: 20px; width: 166px; top:0px;}
    </style>
    	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app ()->request->baseUrl; ?>/css/menu/fixedMenu_style1.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app ()->request->baseUrl; ?>/css/menu/fancybox/jquery.fancybox-1.3.4.css" />
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app ()->request->baseUrl; ?>/css/menu/front.css" />

	<script>
		$('document').ready(function(){
            $('.menu').fixedMenu();
            
			$(".menupop").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
        });
        
</script>

        <script type="text/javascript">
            $(document).ready( function() {

                $(".signin").click( function(e) {
                    e.preventDefault();
                    $("fieldset#signin_menu").toggle();
                    $(".signin").toggleClass("menu-open");
                });
                $("fieldset#signin_menu").mouseup( function() {
                    return false
                });
                $(document).mouseup( function(e) {
                    if($(e.target).parent("a.signin").length==0) {
                        $(".signin").removeClass("menu-open");
                        $("fieldset#signin_menu").hide();
                    }
                });
            });
        </script>
        </script>
        <script type='text/javascript'>
            $( function() {
                $('#forgot_username_link').tipsy({gravity: 'w'});
            });
        </script>

<?php 

$cs = Yii::app ()->getClientScript (); 
$cs = Yii::app ()->getClientScript()->registerCoreScript ('jquery'); 
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/menu/jquery.fixedMenu.js");
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/fancybox/jquery.fancybox-1.3.4.js");
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/fancybox/jquery.mousewheel-3.0.4.pack.js");
$cs->registerScriptFile(Yii::app ()->request->baseUrl. "/js/menu/jquery.tipsy.js");
?>
</head>
<body id='page'>
    <div style="margin-left:50px;">
        <ul id="menu">
            <li class="logo">
                <img style="float:left;" alt="" src="images/menu/menu_left.png"/>
                <ul id="element">
                    <li>Welcome to <b>Create Vimeo-like top navigation</b> tutorial!</li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_blue_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot_blue.png"/>
                        <img class="login_corner_right" alt="" src="images/menu/corner_blue_right.png"/>
                    </li>
                </ul>
                
            </li>
			<li id="container">
	            <div id="topnav" class="topnav">
	                <a href="login" class="signin"><span>登录</span></a>

	            </div>
       
				<ul id="login" style="width:200px">
              <?php //echo $this->renderPartial('/site/login.form',array('model'=>$model))?>   
         </ul>
       </li>
            <li><a href="#">家具</a>
                <ul id="element" class="element">
                    <li>
                        <img class="corner_inset_left" alt="" src="images/menu/corner_inset_left.png"/>
                         <?php echo CHtml::link('桌椅',array('webgl/ddd/'))?>
                        <img class="corner_inset_right" alt="" src="images/menu/corner_inset_right.png"/>
                    </li>
                  <li>
                     <?php echo CHtml::link('床',array('webgl/ddd/'))?>
                  </li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot.gif"/>
                        <img class="corner_right" alt="" src="images/menu/corner_right.png"/>
                    </li>
                </ul>
            </li>
            <li><a href="#">家电</a>
                <ul id="element" class="element">
                    <li>
                        <img class="corner_inset_left" alt="" src="images/menu/corner_inset_left.png"/>
                         <?php echo CHtml::link('电视',array('webgl/ddd/'))?>
                        <img class="corner_inset_right" alt="" src="images/menu/corner_inset_right.png"/>
                    </li>
                  <li>
                     <?php echo CHtml::link('冰箱',array('webgl/ddd/'))?>
                  </li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot.gif"/>
                        <img class="corner_right" alt="" src="images/menu/corner_right.png"/>
                    </li>
                </ul>
            </li>
			<li><a href="#">户型</a>
                <ul id="element" class="element">
                    <li>
                        <img class="corner_inset_left" alt="" src="images/menu/corner_inset_left.png"/>
                         <?php echo CHtml::link('选择户型',array('webgl/showHouseStyle/'))?>
                        <img class="corner_inset_right" alt="" src="images/menu/corner_inset_right.png"/>
                    </li>
                  <li>
                     <?php echo CHtml::link('绘制户型',array('webgl/showHouseStyle/'))?>
                  </li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot.gif"/>
                        <img class="corner_right" alt="" src="images/menu/corner_right.png"/>
                    </li>
                </ul>
            </li>
            
       <li><a href="#">作品</a>
                <ul id="element" class="element">
                    <li>
                        <img class="corner_inset_left" alt="" src="images/menu/corner_inset_left.png"/>
                         <?php echo CHtml::link('我的作品',array('webgl/showHouse/'))?>
                        <img class="corner_inset_right" alt="" src="images/menu/corner_inset_right.png"/>
                    </li>
                    <li>
                     <?php echo CHtml::link('好友作品',array('webgl/showHouse/'))?>
                    </li>
                  
                  <li>
                     <?php echo CHtml::link('搜索作品',array('webgl/showHouse/'))?>
                  </li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot.gif"/>
                        <img class="corner_right" alt="" src="images/menu/corner_right.png"/>
                    </li>
                </ul>
        </li>
			<li><a  id='save' href="#">保存</a>
            </li>
		 <li class="searchContainer">
                <div>
                <input type="text" id="searchField" />
                <img src="images/menu/magnifier.png" alt="Search" onclick="alert('You clicked on search button')" /></div>
                <ul id="search" >
                    <li>
                        <img class="corner_inset_left" alt="" src="images/menu/corner_inset_left.png"/>
                        <input id="cbxAll" type="checkbox" />All
                        
                    </li>
                    <li><input id="Articles" type="checkbox" />Articles</li>
                    <li><input id="Tutorials" type="checkbox" />Tutorials</li>
                    <li><input id="Reviews" type="checkbox" />Reviews</li>
                    <li><input id="Resources" type="checkbox" />Resources</li>
                    <li class="last">
                        <img class="corner_left" alt="" src="images/menu/corner_left.png"/>
                        <img class="middle" alt="" src="images/menu/dot.gif"/>
                        <img class="corner_right" alt="" src="images/menu/corner_right.png"/>
                    </li>
                </ul>
            </li>
            
        </ul>
        <img style="float:left;" alt="" src="images/menu/menu_right.png"/>
    </div>
 		<div id='content-holder'>
 			<?php echo $content;?>
 		</div>
</body>
</html>
